.mui-bar-nav {
	background-color: black;
}

.mui-title {
	color: #fff;
}

.mui-icon-left-nav {
	color: #fff;
}

.mui-icon-more-filled {
	color: #fff;
	float: right;
	right: 10px;
}

.mui-content {
	background-color: #FFF;
}

.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
	font-size: 14px;
	font-weight: 900;
}

.mui-content>.mui-table-view:first-child {
	margin: 0px;
}

.mui-grid-view.mui-grid-9 {
	background-color: black;
	border: 0px;
	height: 40px;
}

.mui-grid-view.mui-grid-9 .mui-table-view-cell {
	border: 0;
	padding: 0;
}

.mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn) {
	padding: 5px 0;
}

.mui-table-view:before {
	height: 0;
}

.mui-table-view:after {
	height: 0;
}

.mui-table-view-cell:last-child:before{
	height: 8px;
}

.round1:before{
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: blueviolet;
	z-index: 1;
	position: absolute;
	left: 45px;
	bottom: 15%;
	border: 2px solid #fff;	
}

.round2:before{
	content: '';
	width: 8px;
	border-radius: 50%;
	background-color: grey;
	z-index: 1;
	position: absolute;
	left: 45px;
	bottom: 15%;
	border: 2px solid #fff;
}

.round3:before{
	content: '';
	width: 8px;
	border-radius: 50%;
	background-color: blueviolet;
	z-index: 1;
	position: absolute;
	left: 45px;
	bottom: 15%;
	border: 2px solid #fff;
}

.mui-input-range input[type=range]{
	background-color: #11CEB1;
}
